<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="tinkerchen" />
    <title>星海导航</title>
    <link rel="shortcut icon" href="images/favicon.png">
    <!-- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic"> -->
    <!-- <link rel="stylesheet" href="css/fonts/linecons/css/linecons.css"> -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/xenon-core.min.css">
    <link rel="stylesheet" href="css/xenon-components.min.css">
    <link rel="stylesheet" href="css/xenon-skins.min.css">
    <link rel="stylesheet" href="css/nav.css">
    <style>
        body{
            cursor: url('images/cat6.ico'),auto;
        }
    </style>
    <script src="js/jquery-1.11.1.min.js"></script>
    <!-- 点击特效 -->
    <script src="js/dianji.js"></script>
    <!-- 花瓣特效 -->
    <script src="js/huaban.js"></script>

    
    <script>
        function updateTime() {
            var now = new Date();
            var hours = now.getHours().toString().padStart(2, '0');
            var minutes = now.getMinutes().toString().padStart(2, '0');
            var seconds = now.getSeconds().toString().padStart(2, '0');
            document.getElementById('time').textContent = hours + ':' + minutes + ':' + seconds;
        }

        setInterval(updateTime, 1000);
    </script>
    
</head>

<body class="page-body" onload="updateTime()">
    
    <!-- skin-white -->
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <!-- logo -->
                    <div class="logo">
                        <a href="index.html" class="logo-expanded">
                            <img src="images/logo.png" width="100%" alt="" />
                        </a>
                        <a href="index.html" class="logo-collapsed">
                            <img src="images/logo-collapsed@2x.png" width="40" alt="" />
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <li>
                        <a href="#常用网址" class="smooth">
                            <i class="fa fa-microchip"></i>
                            <span class="title">常用网址</span>
                        </a>
                    </li>
                    <li>
                        <a href="#代码编程" class="smooth">
                            <i class="fa fa-code"></i>
                            <span class="title">代码编程</span>
                        </a>
                    </li>
                    <li>
                        <a href="#软件工具" class="smooth">
                            <i class="fa fa-simplybuilt"></i>
                            <span class="title">软件工具</span>
                        </a>
                    </li>
                    <li>
                        <a href="#素材设计" class="smooth">
                            <i class="fa fa-picture-o"></i>
                            <span class="title">素材设计</span>
                        </a>
                    </li>
                    <li>
                        <a href="#影音娱乐" class="smooth">
                            <i class="fa fa-film"></i>
                            <span class="title">影音娱乐</span>
                        </a>
                    </li>
                    <li>
                        <a href="#更多有趣" class="smooth">
                            <i class="fa fa-spinner"></i>
                            <span class="title">更多有趣</span>
                        </a>
                    </li>
                    <div class="submit-tag">
                        <a href="https://363444533.github.io/links/">
                            <i class="fa fa-heart"></i>
                            <span class="tooltip-blue">关于我</span>
                            <!-- <span class="label label-Primary pull-right hidden-collapsed">♥︎</span> -->
                        </a>
                    </div>
                </ul>
            </div>
        </div>
        <div class="main-content">
            <!-- 搜索栏 -->
            <div id="search" class="s-search">
                <div id="search-list" class="hide-type-list">
                    <div class="s-type"><span></span>
                        <div class="s-type-list animated fadeInUp"><label for="type-baidu"><span
                                    class="tile-lg bg-blue"><i
                                        class="fa fa-star-half-full fa-2x m-t-sm"></i></span>常用</label><label
                                for="type-search"><span class="tile-lg bg-teal"><i
                                        class="fa fa-search fa-2x m-t-sm"></i></span>搜索</label><label
                                for="type-dalipan"><span class="tile-lg bg-pink"><i
                                        class="fa fa-wrench fa-2x m-t-sm"></i></span>工具</label><label
                                for="type-zhihu"><span class="tile-lg bg-yellow"><i
                                        class="fa fa-weixin fa-2x m-t-sm"></i></span>社区</label><label
                                for="type-taobao1"><span class="tile-lg bg-red"><i
                                        class="fa fa-coffee fa-2x m-t-sm"></i></span>生活</label><label
                                for="type-media"><span class="tile-lg bg-purple"><i
                                        class="fa fa-film fa-2x m-t-sm"></i></span>视频</label></div>
                    </div>
                    <div class="search-group group-a"><span class="type-text">点我</span>
                        <ul class="search-type">
                            <li><input checked hidden type="radio" name="type" id="type-baidu"
                                    value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                    for="type-baidu"><span style="color:#2100E0">百度</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-taobao"
                                    value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                    for="type-taobao"><span style="color:#f40">淘宝</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-bing1"
                                    value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label
                                    for="type-bing1"><span style="color:#007daa">Bing</span></label></li>
                        </ul>
                    </div>
                    <div class="search-group group-b"><span class="type-text">搜索</span>
                        <ul class="search-type">
                            <li><input hidden type="radio" name="type" id="type-search"
                                    value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                    for="type-search"><span style="color:#2319dc">百度</span></label></li>
                            
                            <li><input hidden type="radio" name="type" id="type-google1"
                                    value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                    for="type-google1"><span style="color:#3B83FA">G</span><span
                                        style="color:#F3442C">o</span><span style="color:#FFC300">o</span><span
                                        style="color:#4696F8">g</span><span style="color:#2CAB4E">l</span><span
                                        style="color:#F54231">e</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-360" value="https://www.so.com/s?q="
                                    data-placeholder="360好搜"><label for="type-360"><span
                                        style="color:#19b955">360</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-sogo"
                                    value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
                                    for="type-sogo"><span style="color:#ff5943">搜狗</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-bing"
                                    value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label
                                    for="type-bing"><span style="color:#007daa">Bing</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-sm" value="https://yz.m.sm.cn/s?q="
                                    data-placeholder="UC移动端搜索"><label for="type-sm"><span
                                        style="color:#ff8608">神马</span></label></li>
                        </ul>
                    </div>
                    <div class="search-group group-c"><span class="type-text">工具</span>
                        <ul class="search-type">
                            <li><input hidden type="radio" name="type" id="type-dalipan"
                                    value="https://www.dalipan.com/search?keyword=" data-placeholder="大力盘搜"><label
                                    for="type-dalipan"><span style="color:#fa541c">大力盘</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-cilimao"
                                    value="https://www.xiaokesoso.com/s/search?q=" data-placeholder="小可搜搜"><label
                                    for="type-cilimao"><span style="color:#7a29c1">小可盘</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-huaban"
                                    value="https://huaban.com/search/?q=" data-placeholder="图片素材"><label
                                    for="type-huaban"><span style="color:#ed4956">图片素材</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-qqmusic"
                                    value="https://y.qq.com/portal/search.html?w=" data-placeholder="唯一的优点就是版权多"><label
                                    for="type-qqmusic"><span style="color:#13bf74">QQ音乐</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-book"
                                    value="https://www.zhuishushenqi.com/search?val="
                                    data-placeholder="资源不多，好在可以在线阅读"><label for="type-book"><span
                                        style="color:#d82626">小说/漫画</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-chrome"
                                    value="http://www.cnplugins.com/advsearch.php?q="
                                    data-placeholder="Chrome插件下载"><label for="type-chrome"><span
                                        style="color:#222222">Chrome插件</span></label></li>
                        </ul>
                    </div>
                    <div class="search-group group-d"><span class="type-text">社区</span>
                        <ul class="search-type">
                            <li><input hidden type="radio" name="type" id="type-zhihu"
                                    value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎"><label
                                    for="type-zhihu"><span style="color:#0084ff">知乎</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-wechat"
                                    value="http://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信"><label
                                    for="type-wechat"><span style="color:#00a06a">微信</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-weibo" value="http://s.weibo.com/weibo/"
                                    data-placeholder="微博"><label for="type-weibo"><span
                                        style="color:#e6162d">微博</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-douban"
                                    value="https://www.douban.com/search?q=" data-placeholder="豆瓣"><label
                                    for="type-douban"><span style="color:#55a300">豆瓣</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-tieba"
                                    value="https://tieba.baidu.com/f?kw=" data-placeholder="贴吧"><label
                                    for="type-tieba"><span style="color:#3388ff">贴吧</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-why"
                                    value="https://ask.seowhy.com/search/?q=" data-placeholder="SEO问答社区"><label
                                    for="type-why"><span style="color:#428bca">搜外问答</span></label></li>
                        </ul>
                    </div>
                    <div class="search-group group-e"><span class="type-text">生活</span>
                        <ul class="search-type">
                            <li><input hidden type="radio" name="type" id="type-taobao1"
                                    value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                    for="type-taobao1"><span style="color:#f40">淘宝</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-jd"
                                    value="https://search.jd.com/Search?keyword=" data-placeholder="京东"><label
                                    for="type-jd"><span style="color:#c91623">京东</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-zhaopin"
                                    value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
                                    data-placeholder="智联招聘"><label for="type-zhaopin"><span
                                        style="color:#689fee">智联招聘</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-51job"
                                    value="https://search.51job.com/?" data-placeholder="前程无忧"><label
                                    for="type-51job"><span style="color:#ff6000">前程无忧</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-lagou"
                                    value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网"><label
                                    for="type-lagou"><span style="color:#00b38a">拉钩网</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-boss"
                                    value="https://www.zhipin.com/job_detail/?query=" data-placeholder="BOSS直聘"><label
                                    for="type-boss"><span style="color:#53beb7">BOSS直聘</span></label></li>
                        </ul>
                    </div>
                    <div class="search-group group-f"><span class="type-text">视频</span>
                        <ul class="search-type">
                            <li><input hidden type="radio" name="type" id="type-media"
                                    value="https://neets.cc/search?key=" data-placeholder="影视搜索"><label
                                    for="type-media"><span style="color:#fcc112">影视搜索</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-cupfox"
                                    value="https://www.cupfox.com/search?key=" data-placeholder="茶杯狐搜索"><label
                                    for="type-cupfox"><span style="color:#db542f">茶杯狐</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-bilibili"
                                    value="https://search.bilibili.com/all?keyword=" data-placeholder="B站视频"><label
                                    for="type-bilibili"><span style="color:#00a1d6">Bilibili</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-youku"
                                    value="https://so.youku.com/search_video/q_" data-placeholder="优酷视频"><label
                                    for="type-youku"><span style="color:#fb5392">优酷</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-qq"
                                    value="https://v.qq.com/x/search/?q=" data-placeholder="腾讯视频"><label
                                    for="type-qq"><span style="color:#88da16">腾讯</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-iqiyi" value="http://so.iqiyi.com/so/q_"
                                    data-placeholder="爱奇艺视频"><label for="type-iqiyi"><span
                                        style="color:#00be06">爱奇艺</span></label></li>
                            <li><input hidden type="radio" name="type" id="type-souhu"
                                    value="https://so.tv.sohu.com/mts?wd=" data-placeholder="搜狐视频"><label
                                    for="type-souhu"><span style="color:#d30915">搜狐</span></label></li>
                        </ul>
                    </div>
                </div>
                <form action="https://web.geekji.cn/search/" method="get" target="_blank" id="super-search-fm"><input
                        type="text" id="search-text" autocomplete="off" placeholder="输入关键字搜索" style="outline:0"><button
                        type="submit"><i class="fa fa-search "></i></button></form>
                <div class="set-check hidden-xs"><input type="checkbox" id="set-search-blank" class="bubble-3"
                        autocomplete="off"></div>
            </div>
            <style type="text/css">
                #search {
                    max-width: 717px;
                    margin: 56px auto 14px
                }

                #search form {
                    position: relative
                }

                #search-text {
                    padding: 9pt;
                    width: 100%;
                    height: 50px;
                    font-size: 1pc;
                    border: 0;
                    border-radius: 3px;
                    background-color: #fff
                }

                #search button {
                    position: absolute;
                    top: 0;
                    right: 0;
                    background: #313437;
                    border: 0;
                    width: 60px;
                    height: 36px;
                    margin: 7px 9pt 0;
                    line-height: 36px;
                    border-radius: 3px
                }

                #search button:hover {
                    background: #000;
                    cursor: pointer
                }

                #search button i {
                    color: #fff;
                    font-size: 18px
                }

                .search-group {
                    display: none;
                    padding-left: 75px
                }

                .s-current .search-type {
                    padding-left: 0;
                    display: block
                }

                .s-current {
                    display: block
                }

                #search-list {
                    position: relative
                }

                .s-type {
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 13;
                    width: 75px
                }

                .s-type:hover {
                    height: auto
                }

                .s-type>span {
                    display: block;
                    height: 31px;
                    width: 75px
                }

                .s-type-list {
                    display: none;
                    position: absolute;
                    top: 31px;
                    padding: 9pt 0;
                    width: 20pc;
                    background: #fff;
                    border-radius: 4px;
                    box-shadow: 0 0 6px rgba(0, 0, 0, .16)
                }

                .s-type-list:before {
                    position: absolute;
                    top: -1pc;
                    left: 10px;
                    content: ' ';
                    display: block;
                    width: 0;
                    height: 0;
                    border: 10px solid transparent;
                    border-bottom-color: #fff
                }

                .s-type-list label {
                    display: block;
                    font-size: 1pc;
                    line-height: 2pc;
                    text-align: center;
                    width: 33%;
                    float: left
                }

                .s-type-list .tile-lg {
                    color: #fff;
                    width: 3pc;
                    height: 3pc;
                    font-size: 1.25rem;
                    line-height: 3rem;
                    border-radius: .3rem;
                    display: block;
                    margin: auto
                }

                .bg-blue {
                    background-color: #0179a8 !important
                }

                .bg-purple {
                    background-color: #5f4b8b !important
                }

                .bg-pink {
                    background-color: #b76ba3 !important
                }

                .bg-red {
                    background-color: #ea6759 !important
                }

                .bg-orange {
                    background-color: #ec935e !important
                }

                .bg-yellow {
                    background-color: #f7c46c !important
                }

                .bg-green {
                    background-color: #a7c796 !important
                }

                .bg-teal {
                    background-color: #00a28a !important
                }

                .bg-cyan {
                    background-color: #3686a0 !important
                }

                .bg-gray {
                    background-color: #686f76 !important
                }

                .s-type-list label:hover {
                    color: #000
                }

                .s-type:hover .s-type-list {
                    display: block;
                    padding-top: 22px
                }

                .type-text {
                    position: absolute;
                    left: 0;
                    width: 75px;
                    padding-left: 9pt;
                    font-size: 1pc;
                    line-height: 31px
                }

                .type-text:after {
                    content: "\f105";
                    font-family: FontAwesome;
                    margin: 0 0 0 15px
                }

                .search-type {
                    white-space: nowrap;
                    margin: 0
                }

                .search-type label {
                    margin: 0
                }

                .search-type li {
                    display: inline-block
                }

                .search-type li label {
                    display: inline-block;
                    padding: 0 11px;
                    font-size: 14px;
                    line-height: 31px;
                    border-radius: 3px 3px 0 0;
                    cursor: pointer
                }

                .search-type input:checked+label,
                .search-type input:hover+label {
                    background-color: #fff
                }

                .set-check {
                    margin-top: 3px;
                    font-size: 9pt
                }

                .set-check label {
                    margin-left: 3px
                }

                .set-check input,
                .set-check label {
                    opacity: 0;
                    transition: all .3s ease
                }

                .search-type li {
                    list-style: none;
                    display: inline-block
                }

                @media screen and (max-width:767px) {
                    #search {
                        margin: 25px auto 15px
                    }

                    .search-type {
                        overflow: scroll
                    }

                    .search-list {
                        height: 30px;
                        overflow-y: hidden;
                        overflow-x: scroll;
                        white-space: nowrap
                    }
                }

                @media screen and (max-width:768px) {
                    #search {
                        margin: 25px auto 15px
                    }

                    .search-type {
                        overflow: scroll
                    }

                    .search-list {
                        height: 30px;
                        overflow-y: hidden;
                        overflow-x: scroll;
                        white-space: nowrap
                    }
                }

                .fa-2x {
                    padding-top: 15px;
                    font-size: 1.5em;
                }
            </style>
            <script type="text/javascript">
                var __encode = 'seogo.me', _0xb483 = ["\x5F\x64\x65\x63\x6F\x64\x65", "\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x73\x6F\x6A\x73\x6F\x6E\x2E\x63\x6F\x6D\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x6F\x62\x66\x75\x73\x63\x61\x74\x6F\x72\x2E\x68\x74\x6D\x6C"]; (function (_0xd642x1) { _0xd642x1[_0xb483[0]] = _0xb483[1] })(window); var __Ox1467e = ["\x63\x68\x65\x63\x6B\x65\x64", "\x69\x6E\x70\x75\x74\x5B\x6E\x61\x6D\x65\x3D\x22\x74\x79\x70\x65\x22\x5D\x5B\x76\x61\x6C\x75\x65\x3D\x22", "\x22\x5D", "\x71\x75\x65\x72\x79\x53\x65\x6C\x65\x63\x74\x6F\x72", "\x6C\x65\x6E\x67\x74\x68", "\x73\x2D\x63\x75\x72\x72\x65\x6E\x74", "\x72\x65\x6D\x6F\x76\x65", "\x63\x6C\x61\x73\x73\x4C\x69\x73\x74", "\x61\x64\x64", "\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65", "\x73\x75\x70\x65\x72\x53\x65\x61\x72\x63\x68", "\x73\x65\x74\x49\x74\x65\x6D", "\x6C\x6F\x63\x61\x6C\x53\x74\x6F\x72\x61\x67\x65", "\x67\x65\x74\x49\x74\x65\x6D", "\x74\x61\x72\x67\x65\x74", "\x76\x61\x6C\x75\x65", "\x74\x79\x70\x65", "\x66\x6F\x63\x75\x73", "\x6E\x65\x77\x57\x69\x6E\x64\x6F\x77", "\x70\x72\x65\x76\x65\x6E\x74\x44\x65\x66\x61\x75\x6C\x74", "", "\x61\x63\x74\x69\x6F\x6E", "\x6F\x70\x65\x6E", "\x68\x72\x65\x66", "\x69\x6E\x70\x75\x74\x5B\x6E\x61\x6D\x65\x3D\x22\x74\x79\x70\x65\x22\x5D\x3A\x63\x68\x65\x63\x6B\x65\x64", "\x64\x61\x74\x61\x2D\x70\x6C\x61\x63\x65\x68\x6F\x6C\x64\x65\x72", "\x67\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65", "\x70\x6C\x61\x63\x65\x68\x6F\x6C\x64\x65\x72", "\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65", "\x5F\x62\x6C\x61\x6E\x6B", "\x72\x65\x6D\x6F\x76\x65\x41\x74\x74\x72\x69\x62\x75\x74\x65", "\x69\x6E\x70\x75\x74\x5B\x6E\x61\x6D\x65\x3D\x22\x74\x79\x70\x65\x22\x5D", "\x71\x75\x65\x72\x79\x53\x65\x6C\x65\x63\x74\x6F\x72\x41\x6C\x6C", "\x23\x73\x75\x70\x65\x72\x2D\x73\x65\x61\x72\x63\x68\x2D\x66\x6D", "\x23\x73\x65\x61\x72\x63\x68\x2D\x74\x65\x78\x74", "\x23\x73\x65\x74\x2D\x73\x65\x61\x72\x63\x68\x2D\x62\x6C\x61\x6E\x6B", "\x2E\x73\x65\x61\x72\x63\x68\x2D\x67\x72\x6F\x75\x70", "\x63\x68\x61\x6E\x67\x65", "\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72", "\x73\x75\x62\x6D\x69\x74"]; !function () { function _0x3bccx1() { _0x3bccx2(), _0x3bccx3(), _0x3bccx5(), _0x3bccx6() } function _0x3bccx2() { _0x3bccx17[__Ox1467e[0]] = _0x3bccxf() } function _0x3bccx3() { var _0x3bccx4 = document[__Ox1467e[3]](__Ox1467e[1] + _0x3bccxc() + __Ox1467e[2]); _0x3bccx4 && (_0x3bccx4[__Ox1467e[0]] = !0, _0x3bccx7(_0x3bccx4)) } function _0x3bccx5() { _0x3bccx12(_0x3bccx11()) } function _0x3bccx6() { _0x3bccx13(_0x3bccx10()) } function _0x3bccx7(_0x3bccx4) { for (var _0x3bccx8 = 0; _0x3bccx8 < _0x3bccx18[__Ox1467e[4]]; _0x3bccx8++) { _0x3bccx18[_0x3bccx8][__Ox1467e[7]][__Ox1467e[6]](__Ox1467e[5]) }; _0x3bccx4[__Ox1467e[9]][__Ox1467e[9]][__Ox1467e[9]][__Ox1467e[7]][__Ox1467e[8]](__Ox1467e[5]) } function _0x3bccx9(_0x3bccx4, _0x3bccx8) { window[__Ox1467e[12]][__Ox1467e[11]](__Ox1467e[10] + _0x3bccx4, _0x3bccx8) } function _0x3bccxa(_0x3bccx4) { return window[__Ox1467e[12]][__Ox1467e[13]](__Ox1467e[10] + _0x3bccx4) } function _0x3bccxb(_0x3bccx4) { _0x3bccx19 = _0x3bccx4[__Ox1467e[14]], _0x3bccx12(_0x3bccx11()), _0x3bccx13(_0x3bccx4[__Ox1467e[14]][__Ox1467e[15]]), _0x3bccx9(__Ox1467e[16], _0x3bccx4[__Ox1467e[14]][__Ox1467e[15]]), _0x3bccx16[__Ox1467e[17]](), _0x3bccx7(_0x3bccx4[__Ox1467e[14]]) } function _0x3bccxc() { var _0x3bccx8 = _0x3bccxa(__Ox1467e[16]); return _0x3bccx8 || _0x3bccx4[0][__Ox1467e[15]] } function _0x3bccxd(_0x3bccx4) { _0x3bccx9(__Ox1467e[18], _0x3bccx4[__Ox1467e[14]][__Ox1467e[0]] ? 1 : -1), _0x3bccx14(_0x3bccx4[__Ox1467e[14]][__Ox1467e[0]]) } function _0x3bccxe(_0x3bccx4) { return _0x3bccx4[__Ox1467e[19]](), __Ox1467e[20] == _0x3bccx16[__Ox1467e[15]] ? (_0x3bccx16[__Ox1467e[17]](), !1) : (_0x3bccx13(_0x3bccx10() + _0x3bccx16[__Ox1467e[15]]), _0x3bccx14(_0x3bccxf()), _0x3bccxf() ? window[__Ox1467e[22]](_0x3bccx8[__Ox1467e[21]], + new Date) : location[__Ox1467e[23]] = _0x3bccx8[__Ox1467e[21]], void (0)) } function _0x3bccxf() { var _0x3bccx4 = _0x3bccxa(__Ox1467e[18]); return _0x3bccx4 ? 1 == _0x3bccx4 : !0 } function _0x3bccx10() { return document[__Ox1467e[3]](__Ox1467e[24])[__Ox1467e[15]] } function _0x3bccx11() { return document[__Ox1467e[3]](__Ox1467e[24])[__Ox1467e[26]](__Ox1467e[25]) } function _0x3bccx12(_0x3bccx4) { _0x3bccx16[__Ox1467e[28]](__Ox1467e[27], _0x3bccx4) } function _0x3bccx13(_0x3bccx4) { _0x3bccx8[__Ox1467e[21]] = _0x3bccx4 } function _0x3bccx14(_0x3bccx4) { _0x3bccx4 ? _0x3bccx8[__Ox1467e[14]] = __Ox1467e[29] : _0x3bccx8[__Ox1467e[30]](__Ox1467e[14]) } var _0x3bccx15, _0x3bccx4 = document[__Ox1467e[32]](__Ox1467e[31]), _0x3bccx8 = document[__Ox1467e[3]](__Ox1467e[33]), _0x3bccx16 = document[__Ox1467e[3]](__Ox1467e[34]), _0x3bccx17 = document[__Ox1467e[3]](__Ox1467e[35]), _0x3bccx18 = document[__Ox1467e[32]](__Ox1467e[36]), _0x3bccx19 = _0x3bccx4[0]; for (_0x3bccx1(), _0x3bccx15 = 0; _0x3bccx15 < _0x3bccx4[__Ox1467e[4]]; _0x3bccx15++) { _0x3bccx4[_0x3bccx15][__Ox1467e[38]](__Ox1467e[37], _0x3bccxb) }; _0x3bccx17[__Ox1467e[38]](__Ox1467e[37], _0x3bccxd), _0x3bccx8[__Ox1467e[38]](__Ox1467e[39], _0x3bccxe) }()
            </script>

            <!-- 搜索栏end -->

            <!-- 常用网址 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="常用网址"></i>常用网址</h4>
            <div class="row">
                
            </div>
            <br />
            <!--END 常用网址 -->
            <!-- 编程代码 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="编程代码"></i>编程代码</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://gitee.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://gitee.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/gitee.png" class="img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>码云</strong>
                                </a>
                                <p class="overflowClip_2">基于 Git 的代码托管和研发协作平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://github.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://github.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/github.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GitHub</strong>
                                </a>
                                <p class="overflowClip_2">Build software better, together</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://tool.lu/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://tool.lu/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/tool.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>程序员工具箱</strong>
                                </a>
                                <p class="overflowClip_2">
                                    程序猿的在线工具箱：代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,ruby工具,中文简繁体转换,迅雷下载链接转换,
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.webdesignrankings.com/resources/lolcolors/', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.webdesignrankings.com/resources/lolcolors/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/lol.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>LOL Colors</strong>
                                </a>
                                <p class="overflowClip_2">
                                    这个萌萌的网站是一个设计可爱的在线配色工具。配色低调而且简单实用，从网站上的颜色搭配也能知道某些颜色组合起来可能会有意想不到的效果</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <div class="row">

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://colordrop.io/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://colordrop.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/colorhunt.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ColorDrop</strong>
                                </a>
                                <p class="overflowClip_2">这款配色工具和 LOL Colors 有点相似，网页设计相当简单，提供各种色彩组合，没有太多额外或复杂难懂的功能</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.bitbug.net/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.bitbug.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/ico.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>比特虫</strong>
                                </a>
                                <p class="overflowClip_2">在线制作ico图标</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 编程代码 -->
            <!-- 软件工具 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="软件工具"></i>软件工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://mubu.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://mubu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/mubu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>幕布</strong>
                                </a>
                                <p class="overflowClip_2">极简大纲笔记 | 一键生成思维导图</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://search.chongbuluo.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://search.chongbuluo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/cbl.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>快搜</strong>
                                </a>
                                <p class="overflowClip_2">虫部落出品的聚合搜索引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://cli.im/', '_blank')" data-toggle="tooltip" data-placement="bottom"
                        title="" data-original-title="https://cli.im/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/cli.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>草料二维码</strong>
                                </a>
                                <p class="overflowClip_2">国内专业的二维码服务提供商，提供二维码生成，美化，印制，管理，统计等服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://convertio.co/zh/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://convertio.co/zh/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/wjzh.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>文件转换器</strong>
                                </a>
                                <p class="overflowClip_2">在线转换文件的简单工具。支持超过285种不同的文档、图像、电子表格、电子书、文档、演示文稿、音频和视频格式</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.insmind.com/workspace/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.insmind.com/workspace/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/insmind.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>insMind</strong>
                                </a>
                                <p class="overflowClip_2">一款使用人工智能进行背景更换的工具，可扣图转化为透明背景</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://nstool.netease.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://nstool.netease.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/favicon.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DNS监测</strong>
                                </a>
                                <p class="overflowClip_2">监测当前DNS情况</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://tool.lu/ip/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://tool.lu/ip/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/tool.lu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>IP地址查询</strong>
                                </a>
                                <p class="overflowClip_2">查询IP地址</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                
            </div>
            <!--END 软件工具 -->
            <br />
            <!-- 素材设计 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="素材设计"></i>素材设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.iconfont.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.iconfont.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/if.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Iconfont</strong>
                                </a>
                                <p class="overflowClip_2">阿里巴巴体验团队倾力打造，国内功能很强大且图标内容很丰富的矢量图标库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.hellorf.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.hellorf.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/zkhl.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>站酷海洛</strong>
                                </a>
                                <p class="overflowClip_2">一站式正版图片,视频,字体,音乐素材交易平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://huaban.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://huaban.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/hb.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>花瓣</strong>
                                </a>
                                <p class="overflowClip_2">帮你收集,发现网络上你喜欢的事物.你可以用它收集灵感,保存有用的素材,计划旅行,晒晒自己想要的东西</p>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://bizihu.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://bizihu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/bizhi.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>壁纸湖</strong>
                                </a>
                                <p class="overflowClip_2">大量手机屏幕壁纸</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 素材设计 -->
            <!-- 影音娱乐 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="影音娱乐"></i>影音娱乐</h4>


            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.bilibili.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.bilibili.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/b.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Bilibili</strong>
                                </a>
                                <p class="overflowClip_2">国内领先的年轻人文化社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.huya.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.huya.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/huya.webp" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>虎牙直播</strong>
                                </a>
                                <p class="overflowClip_2">虎牙直播是中国领先的弹幕式互动直播平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.meijutt.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.meijutt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/mj.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>美剧天堂</strong>
                                </a>
                                <p class="overflowClip_2">第一时间为广大美剧迷推荐精彩好看的美剧节目</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.downfi.com/video/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.downfi.com/video/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/vsp.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>V视频下载</strong>
                                </a>
                                <p class="overflowClip_2">一个用于下载各大平台网页视频的小工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 影音娱乐 -->
            <!-- 更多有趣 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="更多有趣"></i>更多有趣</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://weavesilk.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://weavesilk.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/silk.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Silk</strong>
                                </a>
                                <p class="overflowClip_2">用手指的挥动创建华丽的壁纸</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://fff.cmiscm.com/#!/main', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://fff.cmiscm.com/#!/main">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/fff.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>fff</strong>
                                </a>
                                <p class="overflowClip_2">交互神站|前所未有的网页交互体验</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://typedrummer.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://typedrummer.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/type.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Typedrummer</strong>
                                </a>
                                <p class="overflowClip_2">鼓点节拍循环制作网</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <br />
            <!--END 更多有趣 -->

            <!-- Main Footer -->
            <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
            <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
            <!-- Or class "fixed" to  always fix the footer to the end of page -->
            <footer class="main-footer sticky footer-type-1">
                <div class="footer-inner">
                    <!-- Add your copyright text here -->
                    <div class="footer-text" id="time">


                    </div>
                    <div class="go-up" style="position: fixed;right: 5px;bottom: 50px">
                        <a href="#" rel="go-top">
                            <i class="fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">

        $(document).ready(function () {
            $(document).on('click', '.has-sub', function () {
                var _this = $(this)
                if (!$(this).hasClass('expanded')) {
                    setTimeout(function () {
                        _this.find('ul').attr("style", "")
                    }, 300);

                } else {
                    $('.has-sub ul').each(function (id, ele) {
                        var _that = $(this)
                        if (_this.find('ul')[0] != ele) {
                            setTimeout(function () {
                                _that.attr("style", "")
                            }, 300);
                        }
                    })
                }
            })
            $('.user-info-menu .hidden-sm').click(function () {
                if ($('.sidebar-menu').hasClass('collapsed')) {
                    $('.has-sub.expanded > ul').attr("style", "")
                } else {
                    $('.has-sub.expanded > ul').show()
                }
            })
            $("#main-menu li ul li").click(function () {
                $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
                $(this).addClass('active'); // 添加当前元素的样式
            });
            $("a.smooth").click(function (ev) {
                ev.preventDefault();

                public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
                ps_destroy();
                $("html, body").animate({
                    scrollTop: $($(this).attr("href")).offset().top - 30
                }, {
                    duration: 500,
                    easing: "swing"
                });
            });
            return false;
        });

        var href = "";
        var pos = 0;
        $("a.smooth").click(function (e) {
            $("#main-menu li").each(function () {
                $(this).removeClass("active");
            });
            $(this).parent("li").addClass("active");
            e.preventDefault();
            href = $(this).attr("href");
            pos = $(href).position().top - 30;
        });
    </script>
    <!-- Bottom Scripts -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/TweenMax.min.js"></script>
    <script src="js/resizeable.js"></script>
    <script src="js/joinable.js"></script>
    <script src="js/xenon-api.js"></script>
    <script src="js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="js/xenon-custom.js"></script>
</body>

</html>